<template>
    <div>
         <p>子组件</p>
    <slot :sonName="name">这是子组件的内容</slot>
    <p>{{ name }}</p>
    </div>
   
</template>

<script>
    export default{
        data(){
            return{
                name:"最伟大的作品"
            }
        }
    }

</script>